#mask {
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 99;
    display: none;
    cursor: pointer;
}

.gh {
    float: right;
    height: 34px;
    width: 34px;
    right: 70px;
    top: 30px;
    position: absolute;
    display: none;
    transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    cursor: pointer;
}

.selected .gh {
    transform: rotate(90deg);
}

.gh a {
    background-color: #4fb3db;
    display: block;
    height: 2px;
    margin-top: -2px;
    position: relative;
    top: 50%;
    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    width: 100%;
}

.gh a:after, .gh a:before {
    background-color: #4fb3db;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    width: 100%;
}

.gh a:after {
    top: 10px;
}

.gh a:before {
    top: -10px;
}

.selected .gh a:after, .selected .gh a:before {
    top: 0;
}

.selected .gh a:before {
    transform: translateY(0px) rotate(-45deg);
    -webkit-transform: translateY(0px) rotate(-45deg);
    -ms-transform: translateY(0px) rotate(-45deg);
}

.selected .gh a:after {
    transform: translateY(0px) rotate(45deg);
    -webkit-transform: translateY(0px) rotate(45deg);
    -ms-transform: translateY(0px) rotate(45deg);
}

.selected .gh a {
    background-color: transparent !important;
}
.mobile-nav{ display: none;}
@media only screen and (max-width:800px) {
    img {

    }
    html {
        background: #eee;
    }
    body {
        max-width: 640px;
        margin: 0 auto;
        background: #fff;
    }
    .gh {
        display: block;
    }
    .wrapper {
        width: auto;
    }
    .header {
        padding: 20px;
        height: 60px;
        position: relative;
        overflow: visible;
        display: none;
    }
    .header .nav {
        float: none;
        margin: 0;
        position: fixed;
        left: -300px;
        top: 0;
        bottom: 0;
        width: 300px;
        overflow-y: scroll;
        z-index: 99;
        -webkit-transition: all .5s;
    	-ms-transition: all .5s;
    	-moz-transition: all .5s;
        transition: all 0.5s;
        background-color: #00a1e1;
    }
    .header.selected .nav {
        left: 0;
    }
    .header .nav li {
        width: auto;
        float: none;
        line-height: 50px;
        text-align: left;
        padding-bottom: 0;
        border-bottom: 1px solid #0093cd;
    }

	.header .nav li.has_child{
    	background-color: #00a1e1;
    }
    .menu_arrow{
    	position: absolute;
    	right: 12px;
    	top: 9px;
    	display: block;
    }
    .header .nav li a {
    	font-size: 12px;
        display: block;
        padding-left: 40px;
        color: #fff;
    }
    .mobile-nav{ display: block;}
    strong i{
		position: absolute;
	    top: 12px;
	    right: 12px;
		display: inline-block;
		width: 24px;
		height: 27px;
		background-image: url(../imgs/img10-4.jpg);
		background-repeat: no-repeat;
		background-position: center;
		cursor: pointer;
	}
    .header .nav li.first{
    	background-color: #0081b4;
    }
    .header .nav li a:hover, .header .nav li.selected a {
        color: #fff;
    }

    .header .nav li:hover a{
    	color:#fff;
    }

    .header .nav li:hover dl{
		display: none;
    }
	.header .nav .n_last{
    	background-color: #0093cd;
    }
    .header .nav ul dl {
        position: static;
        display: none;
        padding: 0;
        width: auto;
        background: none;
        animation: none;
    }
    .header .nav ul dl dd {
        padding: 0;
        solid 1px;
        padding-left: 20px;
    }
    .header .nav ul dl dd a {
        color: #fff !important;
        font-size: 12px;
    }
    .current {
        padding: 0 20px;
        margin-top: 0;
    }
    .container {
        margin-top: 0;
    }
    .container .aside {
        float: none;
        padding: 0 8%;
    }
    .container .subnav {
    	display: none;
    }
    .container .subnav h2 {
        margin: 0;
    }
    .container .subnav ul {
        margin-left: 0;
    }
    .container .subnav li {
    }
    .container .ad_img {
        margin: 0 auto 72px;
    }
    .container .ad_img a {
        margin-left: auto;
        margin-right: auto;
        max-width: 370px;
        width: 100%;
        height: 100%;
        max-height: 240px;
    }
    .container .ad_img a img {
        width: 100%;
        max-width: 370px;
    }
    .container .main {
        float: none;
    }
    .container .p_goods {
        float: none;
        width: auto;
        padding: 60px 8% 0;
    }
    .container .p_goods .img {
        width: auto;
        height: auto;
    }
    .container .p_goods .img img {
        margin-left: auto;
        margin-right: auto;
    }
    .container .p_goods .img .btn {
        width: 370px;
        left: 50%;
        transform: translateX(-50%);
    }
    .container .p_goods li {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 60px;
    }
    .footer {
        height: auto;
        padding-bottom: 60px;
    }
    .footer .nav li {
        font-size: 16px;
    }
    .footer .cate {
        padding: 0 40px;
        margin-top: 16px;
    }
    .footer .left {
        float: none;
        margin: 0;
        text-align: center;
    	padding-top: 38px;
    }
    .footer .left img {
        width: 180px;
    }
    .footer .right {
        float: none;
        margin-top: 40px;
    }
    .footer .right .img {
        float: none;
    }
    .footer .right .txt {
        margin: 0 auto;
        text-align: center;
        float: none;
        margin-top: 18px;
    }
    .footer .right .txt li{
    	line-height: 22px;
    }
    .header .lang {
        position: absolute;
        right: 20px;
        top: 30px;
        margin-top: 0;
    }
    .footer .nav li {
        display: inline;
        float: none;
    }
    .copyright {
        height: auto;
        line-height: inherit;
        padding: 15px 20px;
        line-height: 1.7;
    }

    #ctl00_script{ display: none;}

    /*网站首页*/
   	.glide{
   		height: auto;
   	}
    .h_slide {
        height: auto;
        overflow: visible;
    }
    .h_slide img{
        max-width: 100%;
    }

    .h_slide .foot .txt {
        float: none;
    	width: 100%;
    }
    .h_slide .foot .btn {
    	float: none;
    	padding-bottom: 25px;
    }
    .h_slide .foot .btn a {
        display: inline-block;
    }
    .h_slide .foot {
		margin: 0 auto;
        left: 0;
        right: 0;
        padding-top: 22px;
        text-align: center;
        bottom: -172px;
        width: 88%;
        height: 172px;
        background-color: #4fb3db;


    }
    .h_slide .foot h2 {
        font-size: 18px
    }
    .h_serv .body ul {
        width: auto;
        padding: 0 8%;
    }
    .h_serv{
        margin-top: 15px;
    }
    .h_serv .body{
    	margin-bottom: 0;
    }
    .h_serv .body li {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 60px;
    }
    .h_serv .body li .img {
        width: auto;
        height: auto;
    }
    .h_serv .body li .img a img {
        margin: 0 auto;
    }
    .h_serv .btn a {
        max-width: 100%;
    }
    .h_user{
        padding-top: 40px;
    	padding-bottom: 40px;
    }
    .h_user .h_user_left{ text-align: center; padding-left: 0px;}
    .h_user ul {
        margin: 0;
        width: auto;
        padding: 0 8%;
    }
    .h_user li {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 60px;
    }
    .h_user li .img {
        width: auto;
        height: auto;
        padding: 0 20px;
    }
    .h_user li .txt {
        padding: 0 20px;
    }
    .h_user li .btn a {
        max-width: 100%;
    }
    .h_user .foot a{
    	margin-top: 0px;
    }
    .huanjing .img:nth-child(1){ margin-bottom: 20px; overflow-y: hidden;}
    .huanjing .img:nth-child(4),
    .huanjing .img:nth-child(5){ padding-right:0px;}
    .huanjing ul .img:nth-child(2) .title{ max-width: 100%;}
    .huanjing ul .img:nth-child(3) .title{ max-width: 100%;}
    .huanjing ul .img:nth-child(6) .title{ max-width: 100%;}
    .huanjing ul .img:nth-child(4) .title{ max-width: 100%;}
    .huanjing ul .img:nth-child(5) .title{ max-width: 100%;}
    .h_goods{
    	margin-top: 55px;
    }
    .h_news{
    	padding-top: 50px;
        padding-bottom: 50px;
    }
    .h_news .body ul, .h_goods .body ul {
        width: auto;
        padding: 0 8%;
    }
    .h_news .body li, .h_goods .body li {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 60px;
    }
    .h_news .body li .img, .h_goods .body li .img {
        width: auto;
        height: auto;
        margin: 0 auto;
    }
    .h_news .body li .img img {
        margin-left: auto;
        margin-right: auto;
    }
    .h_news .body li .img .btn {
        width: 370px;
        left: 50%;
        transform: translateX(-50%);
    }
    .h_goods .body li .img a img {
        margin: 0 auto;
    }
    .h_goods .body li .img .btn {
        width: 370px;
        left: 50%;
        transform: translateX(-50%);
    }
    .h_goods .foot a{
    	margin-top: 0;
    }
    .h_news .body li .txt, .h_goods .body li .txt {
        padding: 0 20px;
    }
    .h_news .body .txt h2 {
        line-height: 1.7;
    }
    .h_news .foot a{
    	margin-top: 0px;
    }
    .h_link{
        margin-top: 50px;
    }
    .h_link .body{
        margin-left: auto;
    	margin-right: auto;
    	width: auto;
    	max-width: 320px;
    }
    .h_link .body ul {
        width: auto;
        padding: 0 8%;
    }
    .h_link .body li {
        width: 45%;
        max-width: 168px;
	    height: auto;
	    max-height: 68px;
	    margin: 0 2%;
	    margin-bottom: 20px;
	    text-align: center;
	    overflow: hidden;
    }
    .h_link .body li:nth-child(2n+1) {
        clear: both;
    }
    /*门店分布*/
    .container .p_contact {
        margin: 0 8%;
        margin-top: 60px;
    }
    .container .p_contact .map {
        width: auto;
        height: auto;
        margin-bottom: 60px;
    }
    .container .p_contact .map .imap img{
    	max-width: none;
    }
    .p_news {
        margin: 20px 15px 20px;
    }
    .p_news li {
        width: auto;
        margin: 0;
        margin-bottom: 60px;
    }
    .p_news li .img {
        width: auto;
        height: auto;
        float: none;
    }
    .p_news li .img img {
        width: 100%;
    }
    .p_news li .txt {
        width: auto;
        float: none;
        margin: 0;
        padding: 0 20px;
        margin-top: 20px;
    }
    .p_news li .txt h2 {
        line-height: 1.7;
    }
    .p_news li .txt h4 span {
        margin: 0;
        margin-left: 10px;
    }
    .p_news li .txt h4 {
        line-height: 2;
        margin: 20px 0;
    }
    /*新闻-详情*/
    .p_newsd {
        width: auto;
        margin: 20px 15px;
    }
    .p_newsd .related{
    	margin-bottom: 100px;
    }
    .p_newsd .body p img {
        max-width: 100% !important;
        height: auto;
    }
    .container .p_form {
        margin-bottom: 60px;
        margin-top: 60px;
    }
    .p_form_l {
        float: none;
        padding: 0 8%;
    }
    .p_form_l .body {
        width: auto;
        height: auto;
        padding: 0 8%;
        padding-bottom: 60px;
    }
    .p_form_l .body li {
        width: auto;
        margin-left: 0;
    }
    .p_form_l .body h6 {
        margin-left: 0;
    }
    .p_form_r {
        width: auto;
        float: none;
        margin-top: 60px;
    }
    .p_form_r .body {
        margin: 0 20px;
    }
    .p_form_r .nobg h2 {
        margin-right: 8px;
    }
    .p_form_r dd {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
    .p_form_r dd .input .dropdown {
        width: 320px;
    }
    .p_form_r dd .input .dropdown.touch select{
        width: 100px;
        height: 200px;
        opacity: 1;
    }
    .p_form_r dd .input input {
        width: 130px;
    }
    .p_form_r dd.date .input input {
        width: 150px;
    }
    .p_form_r dd.phone .input input {
        width: 115px;
    }
    .p_form_r dd.last {
        float: none;
        width: 280px;
    }
    .p_form_r .btn {
        float: none;
        width: 280px;
        margin: 0 auto;
    }
    .p_form_r dd .sub{
        width: 100%;
    }
    .p_form_r .btn1 {
        max-width: 100%;
        width: 280px;
    }
    .p_form_r dd.l_btn1 {
        border: none;
    }
    /*专家团队-列表*/
    .p_user_hd {}
    .p_user_hd .dropdown {
        display: inline-block;
        margin-right: 0;
    }
    .p_user_hd .dropdown.touch div{
    }

    .p_user_hd {
        padding: 60px 8%;
    }
    .p_user_hd dl {
        padding: 0;
        width: auto;
    }
    .p_user_hd dd {
        float: none;
        margin-bottom: 20px;
    }
    .p_user_bd{
    	margin-top: 0;
    }
    .p_user_bd li .img {
    }
	.p_user_bd li .img a{
		display:inline-block;
	}
	.p_user_bd li .img:hover img{
		transform:none;
	}
    .p_user_bd li .btn a {
        max-width: 100%;
    }
    .p_user_hd div.open li {
        font-weight: 500;
    }
    .current {
        height: auto;
        padding: 20px 0;
        text-align: center; width:100%;
    }
    .current .label {
        float: none;
        font-size: 24px;
        line-height: inherit;
    }
    .current .nav {
        float: none;
    }
    .current .nav li,.current .nav li a{
    	font-size: 18px;
    }
    .current .nav li {
        display: inline;
        float: none;
        margin: 0;
    }
    .p_user_bd li {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 60px;
    }
    .p_user_bd ul {
        margin: 0;
        width: auto;
        padding: 0 8%;
    }
    .p_user_bd li .txt {
        width: auto;
        padding: 0 20px;
    }
    .p_user_bd li:nth-child(2n+1) {
        clear: both;
    }
    /*专家团队-详情*/
   	.p_user_v{
   	    margin-top: 0;
    	padding-bottom: 68px;
   	}
    .p_user_v .view {
        float: none;
        padding: 0 8%;
    }
    .p_user_v .img {
        width: auto;
        height: auto;
    }
    .p_user_v .img:hover img{
    	transform: none;
    }
    .p_user_v .desc {
        width: auto;
        height: auto;
        float: none;
        margin-top: 40px;
    }
    .p_user_v .desc h2{
    	margin-bottom: 40px;
    }
    .p_user_r .body ul {
        width: auto;
        padding: 0 8%;
    }
    .p_user_r .body li {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        margin-bottom: 60px;
    }
    .p_user_r .body li:nth-child(2n+1) {
        clear: both;
    }
    .p_user_r .body .img {
        width: auto;
        height: auto;
    }
    .p_user_r .body .img:hover img{
    	transform: none;
    }
    .p_user_r .body .txt {
        width: auto;
        padding: 0 20px;
    }
    .p_user_r .body .btn a {
        max-width: 100%;
    }
    /*关于明昕*/
    .about .layui-row:nth-child(1) .about_right{ background-color: unset;}
    .about .layui-row:nth-child(2) .about_right img{ margin-bottom: 20px;}

    /*专家团队*/
    .zhuanjia li .img img{ max-width: 100% !important; max-height: 100% !important;}

    /*联系我们*/
    .contact #dituContent{min-height: 300px; width:100% !important;}

    /*预约*/
    .yuyue{  margin: 0 auto; padding-left:0px; padding-right: 15px;}
    .p_form_r {

    }

    /*服务项目*/
    .h_serv .body li .img .img1{
        width:225px;
        height: 250px;
        line-height: 225px;
        z-index: -9999;
        overflow: hidden;
        border-radius: 50%;
        margin: 0 auto;
        margin-top: 25px;
    }

    /*banner*/
    .banner1{ margin-top: 0px;}
}